const api = {
	area: getApi("地区"),
	mainNav: getApi("导航"),
	customerService: getApi("客户服务"),
	enterprisePurchase: getApi("企业采购"),
	websiteNav: getApi("网站导航"),
	myJd: getApi("我的京东"),
	cart: getApi("购物车")
};

function getApi(src) {
	return $.get(`../api/${src}.json`)
}

let activLink = 18;
api.area.then(function (data) {
	let mapBox = $("#map");
	for (let i = 0; i < data.length; i++) {
		if (data[i].title) {
			mapBox.find('div').eq(i).find("p").html(data[i].title);
		}
		data[i].city.forEach((v) => {
			mapBox.find('div').eq(i).find("ul").append(`<li><a href="javascript:;">${v}</a></li>`)
		});
	}
	mapBox.find("div a").eq(activLink).css({
		'backgroundColor': 'red',
		'color': "#fff",
	})
});

positionBoxSolo('#map')
hov('#map')


api.enterprisePurchase.then(function (data) {
	let qyBox = $('#qycg')
	for (let i = 0; i < data.length; i++) {
		qyBox.find('ul').append(`<li><a href="${data[i].u}">${data[i].n}</a></li>`)
	}
})
positionBox('#qycg')
hov('#qycg')

api.myJd.then(function (data) {
	let mjBox = $("#mj");
	for (let i = 0; i < data.length; i++) {
		data[i].forEach((v) => {
			mjBox.find("div").eq(i).append(`<a href="${v.u}">${v.n}</a>`)
		});
	}
});

positionBox('#mj')
hov('#mj')

api.websiteNav.then(function (data) {
	let webBox = $("#web");
	for (let i = 0; i < data.length; i++) {
		$('#web').find('div p').eq(i).html(`${data[i].n}`)
		data[i].s.forEach((v) => {
			$('#web').find('div').eq(i).append(` <li><a href="${v.u}">${v.n}</a></li>`)
		})
	}
})

positionBox('#web')
hov('#web')

api.customerService.then(function (data) {
	let servBox = $("#serv");
	for (let i = 0; i < data.length; i++) {
		data[i].forEach((v) => {
			servBox.find('div').eq(i).append(`<li><a href="${v.u}">${v.n}</a></li>`)
		})
	}
}
)
positionBox('#serv')
hov('#serv')
var timer = setInterval(ms, 0)
function ms() {
	var d1 = new Date().getTime()
	var d2 = new Date('2021/05/30 ')
	var sum = (d2 - d1) / 1000
	var day = parseInt(sum / (24 * 60 * 60))
	var hours = parseInt((sum - day * 60 * 60 * 24) / (60 * 60))
	var mi = parseInt((sum - hours * 60 * 60 - day * 24 * 60 * 60) / 60)
	var se = parseInt(sum - hours * 60 * 60 - day * 24 * 60 * 60 - mi * 60)
	var hour = hours + day * 24
	if (hour < 10) {
		hour = '0' + hour
	}
	if (mi < 10) {
		mi = '0' + mi
	}
	if (se < 10) {
		se = '0' + se
	}
	$('#ms').find('b').eq(0).html(hour)
	$('#ms').find('b').eq(1).html(mi)
	$('#ms').find('b').eq(2).html(se)
}

api.cart.then(function (data) {
	data.forEach((v) => {
		$('#jdms').append(`<li id="${v.id}" class="item"><a href="javascript:;"><img src="${v.URL}" alt="" ><i>${v.title}</i><i>￥${v.price}</i></a></li>`)
	})
})
$('#jdms').on('click', '.item', function () {
	console.log(this);
	let id = $(this).attr('id')
	let title = $(this).find('i').eq(0).html()
	let price = $(this).find('i').eq(1).html()
	let img = $(this).find('img').attr('src')
	let data = JSON.stringify([id, img, title, price])
	sessionStorage.setItem('data', data)
	location.assign('../pages/item.html')
})



